<%@page import="org.jsping.dao.impl.UserDaoImpl"%>
<%@page import="org.jsping.util.DBUtil"%>
<%@page import="java.sql.*,javax.sql.*,javax.naming.*"%>
<%@page import="org.jsping.entity.*" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/music.css" type="text/css" rel="stylesheet"/>
<link href="css/styles.css" type="text/css" rel="stylesheet"/>
<link href="css/HailFellow.css" type="text/css" rel="stylesheet"/>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/ajax.js"></script>
<script src="js/HailFellow.js"></script>
<script src="js/player.js"></script>
<script src="js/plays.js"></script>
<title>我的音乐</title>
</head>
<body>
	<input type="hidden" value="${sessionScope.user}" id="Marking">
	<jsp:include page="htmls/header.jsp"></jsp:include>
	<!-- 中间内容区域 -->
	<section id="middle">
		<aside class="left" id="lists">
			<ul class="actions">
			    <li id="top">
			    	<img src="images/shouye.png" class="middle" />
					<p class="display" title="首页" >首页</p>
			    </li>
			    <li id="collection">
			    	<img src="images/shoucang2.png" class="middle" />
					<p class="display" title="我的收藏">我的收藏</p>
			    </li>
			    <li id="localhist">
			    	<img src="images/lishi.png" class="middle" />
					<p class="display" title="本地记录">本地记录</p>
			    </li>
			    <li id="playList">
			    	<img src="images/list.png" class="middle" />
					<p class="display" title="播放列表">播放列表</p>
			    </li>
			    <li id="listen">
			    	<img src="images/mumusic.png" class="middle" />
					<p class="display" title="随心听">随心听</p>
			    </li>
			    <li id="infos">
			    	<img src="images/info.png" class="middle" />
					<p class="display" title="个人信息">个人信息</p>
			    </li>
			</ul>
			<div class="bottom center">
				<img src="images/p1.jpg" />
			</div>
		</aside>
		<section id="content"> 
		     <section id="content_top"> 
			     <section id="content_left">
			     	<div class="left_head myshow">
						<div class="anima">
							<h2 class='display'>推荐音乐</h2>
							<canvas id='mycanvas' width="700" height='60'></canvas>
						</div>
						<div class="refrush">
							<!-- 点击换一批的时候请求新的一个页面去加载另外的一部分页面 -->
							<a href="#"><span>换一批</span><img src="images/shuaxin.png"
								id="myimg" /></a>
						</div>
					</div>
					<ul class="imgs myshow" id="myul">
					</ul>
			     	<ul class='display' id="musicSearchAll"></ul>
				</section>
				<jsp:include page="htmls/content_right.jsp"></jsp:include>
		     </section>
			 <jsp:include page="htmls/bottom.jsp"></jsp:include> 
		</section> 
	</section>
	<!--播放器-->
	<audio id="mymusic" src=""></audio>
</body>
</html>